
@font-face{
	font-family: 'BankGothic Md BT';
	src:url('../../static/fonts/BankgothicMB.TTF');
}

@font-face {
	font-family: 'Open Sans';
	src: url('../../static/fonts/opensans.ttf');
}

.font-28{
	font-size: 28px;
	font-weight: bold;
}

.font-24{
	font-size:24px;
	font-weight: bold;
}

.font-24 a{
	color: #333;
	text-decoration: none;
}

.font-24 a:hover{
	text-decoration: underline;
}

.font-18{
	font-size:18px;
}

.font-14{
	font-size: 14px;
}
.font-14-bold{
	font-size: 14px;
	font-weight:bold;
}
.font-12{
	font-size:12px;
}

.dis_block{
	display: block;
}

.detail_text{
	margin-top: 20px;
	line-height: 26px;
	width: 350px;
}

.m-b-50{
	margin-bottom:50px;
}

.m-l-36{
	margin-left:36px;
}

.m-b-30{
	margin-bottom: 30px;
}

.f-label-top{
	min-width: 1121px;
	margin: auto;
	width: 59%;
}

.f-l{
	float: left;
	/*width: 6%;*/
}

.f-r{
	float: right;
}

.m-t-30{
	margin-top:30px;
}

.m-l-16{
	margin-left: 16px;
	margin-top: 13px;
}



.p-t-8{
	display: inline-block;
	padding-top: 8px;
}

button{
	outline: none;
}

body{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-size:14px;
	font-family: 'Microsoft YaHei';
	min-width: 1457px;
}

.header{
	padding: 0;
	margin: 0;
}


/*<<<<<header-top>>>>>*/
.header .top{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #326292;
}

.header-content{
	width: 80%;
	margin: auto;
	height: 40px;
}

.header-top-ul{
	width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

.header-top-ul li{
	float: left;
}

/*.header-top-ul li:first-child{
	margin-left: 16%;
}*/

.header-top-ul li:last-child{
	/*margin-right: 16%;*/
	float: right;
}

.middle .container,.design_container{
	width:80%;
	margin:auto;
}



.header-top-ul li a{
	display: block;
	text-decoration: none;
	font-size: 16px;
  color: #ffffff;
  margin-right: 10px;
}

.header-top-ul li a span{
	margin-left: 4px;
	padding: 0;
	height: 12px;
}

.header-top-ul li a img{
  position: relative;
  left: -3px;
  top: 4px;
}

.header-top-ul li:last-child a{
	margin-right:0;
}

.header-top-ul .mouse-hover:hover{
	font-weight:bold;
}

.contact{
	font-size: 12px;
	vertical-align:top;
}

.m-0{
	margin: 0!important;
}

/*<<<<<header-middle>>>>>*/
.header .middle{
	height: 120px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
/*	position: relative;
	top:0;
	left:0;*/
}

.middle .container{
/*	position: relative;
	top:0;
	left:0;*/
}

/*<<<<<header-middle-left>>>>>*/
.left{
	float: left;
}

.left img{
	margin: 30px 10px 30px 0;
}

.left .logo-right{
  float: right;
  position: relative;
  top: 27px;
}

.left .logo-text{
	color: #333;
	font:24px bold ;
	font-family: 'Microsoft YaHei';
}

.left .logo-mt{
  display: block;
	margin-top: 2px;
	color: #333;
	font-size:22px;
	font-family: 'BankGothic Md BT';
}

/*<<<<<header-middle-right>>>>>*/
.right{
  /*margin-right: 16%;*/
  float: right;
}

.right ul{
	list-style: none;
	padding: 0;
	margin-top: 50px;
}

.right ul li{
	display: inline;
}

.right ul li a{
	text-decoration: none;
	margin-right: 10px;
	color:#333;
	font:12px bold;
}

.right ul li a:hover{
	text-decoration: underline;
}

.right ul li:last-child a:last-child{
	margin-right:0;
}

/*<<<<<header-bottom>>>>>*/
.header .bottom{
	height:590px;
	background-image: url('../../static/images/home_banner.png');
	width:100%;
	position: relative;
	top:0;
	left:0;
}

.foreground .arrow{
	padding: 260px 16%;
}

.foreground .arrow-left{
	float: left;
}

.foreground .bottom-text{
	color: #fff;
	margin:7px 0 0 70px;
	z-index: 1000;
	display: inline-block;
	float: left;
}

/*.bottom-text .span-1{
	display: inline-block;
	height:50px;
	width:180px;
	font-weight:bold;
	background-color: #000;
	opacity:0.5;
	margin-bottom: 10px;
	text-align: center;
	line-height: 50px;
}*/

.bottom-text .span-2{
	display: block;
	height: 50px;
	width: 330px;
	background-color: #000;
	opacity: 0.5;
	text-align: center;
	line-height: 50px;
}

.foreground .arrow-right{
	float: right;
}

/******foreground-login-box******/
.foreground .login-box{
	position: relative;
	top: -388px;
	left:0;
	height:320px;
	width:360px;
	margin:auto;
	padding:0 70px;
	background-color: #fff;
	z-index:1001;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display: none;
	box-shadow: 0 0 11px 1px #000;
}

.box-title{
	color: #333;
	font-size: 22px;
	margin-bottom:20px;
	padding-top: 40px;
	text-align: center;
}

.box-container input{
	height: 36px;
	width: 340px;
	color: #333;
	font-size: 16px;
	margin-bottom:20px;
	padding-left: 18px;
	border:1px solid #c6c6c6;
}

.box-container input:focus{
	color: #333;
}

.login-box .box-container input:nth-child(2){
	margin-bottom: 10px;
}

.login-box .remember input{
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
}

.login-box .remember label{
	color: #999;
	font-size: 12px;
	margin-left: 3px;
	vertical-align: top;
}

.foreground .footer{
	height:40px;
	width:360px;
	background-color: #c6c6c6;
	text-align: center;
	border:none;
	color: #fff;
	font-size:18px;
	cursor:not-allowed;
	margin-top: 11px;
}

.login-box .remember{
	float: right;
}

.login-box .forgot{
	float: right;
	color: #999;
	font-size: 12px;
	margin-top: 10px;
}

.login-box .forgot a{
	text-decoration: none;
	color: #999;
}

.close-box{
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	position: absolute;
	top: -14px;
	left: 484px;
}

/******foreground-register-box******/

.foreground .register-box{
	position: relative;
	top:-494px;
	left:0;
	margin:auto;
	height:537px;
	width:360px;
	padding:0 70px;
	z-index: 1001;
	background-color: #fff;
	border-radius:2px;
	display: none;
	box-shadow: 0 0 11px 1px #000;
}

.register-box .old-user{
	float: right;
	color: #999;
	font-size: 12px;
	margin-top: 10px;
}

.register-box .old-user a{
	text-decoration: none;
	color: #999;
}

.register-box .box-container #verify{
	width:192px!important;
}

.register-box .box-container input{
	margin-bottom:18px;
}

.register-box .box-container .send{
	display: inline-block;
	width: 136px;
	background-color: #6793bf;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin-left: 5px;
	border:1px solid #326292;
	cursor: pointer;
	font-size: 16px;
}

.register-box .box-container .times{
	display: none;
	width: 136px;
	background-color: #c6c6c6;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	margin-left: 5px;
}

.register-box .footer{
	margin-top:0;
}

/******foreground-reset******/
.foreground .reset-box{
	position: relative;
	top: -384px;
	left:0;
	height:320px;
	width:360px;
	margin:auto;
	padding:0 70px;
	background-color: #fff;
	z-index:1001;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	display: none;
}



/*<<<<<main-top>>>>>*/
.main{
	padding:0;
	margin:0;
	color: #333;
	position: relative;
	left:0;
	right:0;
}

.main .top{
	height:auto;
	margin:60px 16% ;
	background-color: #fff;
	position: relative;
	top: 0;
	left: 0;
}

.top #img1{
	/*margin:;*/
}

.top .factory{
	position: absolute;
	left: 417px;
	top: 5px;
	margin-left: 30px;
}

.factory span{
	margin-left:26px;
}

.factory .introduce{
	width: 688px;
	margin-top: 16px;
	line-height:22px;
}

.introduce .content-indent{
	text-indent: 2em;
	margin: 0;
}

/*<<<<<main-middle>>>>>*/
.main .middle{
	margin:0 16%;
	position: relative;
	top:0;
	left:0;
}

.collapse1{
	 position: relative;
	 top:0;
	 left:0;
 }

.row1 .collapse1 .p-l-12{
	position: absolute;
	top: -11px;
	left: 170px;
	margin-top: 15px;
	min-width:168px;
}

.row1 .collapse1 .m-t-30{
	position: absolute;
	top: 52px;
	width: 350px;
	margin-top: 0;
	line-height: 26px;
	left: 170px;
	color: #333;
}

.row1 .collapse2{
	position: absolute;
	top: 0;
	left: 519px;
	margin-left:88px;
}

.collapse2 .design{
	position: absolute;
	top: 0;
	left: 173px;
}

.design .design_text{
	width: 350px;
	margin-top: 30px;
	line-height: 26px;
}

.row2 .collapse1{
	position: relative;
	top: 0;
	left: 0;
}

.row2 .collapse1 .consult{
	position: absolute;
	top:0;
	left:170px;
}

.row2 .collapse2{
	position: absolute;
	top:203px;
	left:519px;
	margin-left:88px;
}

.row2 .collapse2 .college{
	position: absolute;
	top: 0;
	left:170px;
}

.row3 .collapse1{
	position: relative;
	top:0;
	left:0;
}
.row3 .collapse1 .build{
	position: absolute;
	top: 0;
	left:170px;
}

.row3 .collapse2{
	position: absolute;
	top:408px;
	left:519px;
	margin-left:88px;
}

.row3 .collapse2 .factory{
	position: absolute;
	top: 0;
	left:170px;
}

/*<<<<<main-bottom>>>>>*/
.main .bottom{
	height:auto;
	margin:60px 0;
	color: #333;
	position: relative;
	top:0;
	left:0;
}

.bottom .header{
	position: relative;
	top:0;
	bottom:0;
	margin:0 16%;
}

.header-right{
	position: absolute;
	top: 0;
	left:72%;
}

.blue-line{
	display:inline-block;
	width: 94px;
	height:8px;
	margin-top:10px;
	background-color: #326292;
}

.sliver-line{
	border-top: 1px #dfdfdf solid;
	display: inline-block;
	width: 100%;;
}

/*<<<<<bottom-main>>>>>*/
.bottom .main{
	position: relative;
	top:0;
	left:0;
	margin: 0 16%;
	color:#333;
}

.bottom .main .news{
	position: relative;
	top: 0;
	left: 0;
	width: 230px;
	height: 300px;
	background-color: #fff;
	box-shadow: 0 0 12px silver;
	padding: 10px;
	text-align: center;
}

.t-a-l{
	text-align: left;
}

.digitization{
	/*margin-top: 10px;*/
}

.bottom .main .detail{
	color: #666;
	display: block;
	width: 239px;
	margin-top: 8px;
	line-height: 22px;
}

/*.bottom .main .img{
	width:210px;
	height:210px;
	background-image: url("../images/home_news_pic_1(1).png");
	background-size: cover;
}*/

.bottom .main .m-l-44{
	/*position: absolute;
	top: 0;
	left: 250px;*/
	margin-left: 44px;
}

/*<<<<<footer-about>>>>>*/
.footer{
	height:410px;
	width:100%;
	padding:0;
	margin:0;
}

.footer .about {
	height: 290px;
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
	background-color: #326292;
	padding: 60px 0;
	margin:0;
	width: 100%;
}

.about ul{
	padding:10px 0 0 0;
	margin: 0;
	list-style: none;

}

.about ul li{
	margin-bottom: 6px;
	font-size: 12px;
	/*width:8%;*/
}

/*.about ul li:not(:first-child){
	font-size: 12px;
}*/

.about ul li:last-child{
	margin-bottom:0;
}

.about ul li ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.about ul li a{
	color: #fff;
	text-decoration: none;
	line-height: 20px;
}

.about ul li a:hover{
	color: #fff;
	text-decoration: underline;
	line-height: 20px;

}

.about .b-l{
	border-left: 1px solid;
	height: 280px;
	width: 1px;
	margin: 0 20px;
}

/*<<<<<footer-foot>>>>>*/
.footer .foot{
	height:60px;
	background-color: #1a334b;
	width:100%;
}
footer p{
	color: #8adcf0;
	font-size:13px;
	font-family:"Open Sans";
	margin: 0;
	padding: 21px 0;
}

footer p span{
	color: #8adcf0;
	font-size:13px;
	font-family:'SimSun';
}

/*^^^^^we-chat^^^^^*/
.official{
	position: fixed;
	top: 70px;
	left: 1576px;
	z-index: 9999;
}

.official #draggable{
	position: relative;
	bottom: -500px;
	right: 25px;
}

#draggable .icon-we-chat{
	background-color: #326292;
	width: 60px;
	height: 60px;
	line-height: 83px;
	text-align: center;
	cursor: pointer;
}

#draggable .icon-top{
	width: 60px;
	height: 60px;
	background-color: #1a334b;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

#draggable .pic-we-chat{
	width:292px;
	height: 162px;
	position: relative;
	top: -122px;
	left: -286px;
	background-image: url('../../static/images/pic_wechat.png');
	display: none;
}

#draggable .pic-text{
	float: right;
	padding-right: 18px;
}

#draggable .pic-text p:first-child{
	margin: 36px 0 30px 0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

#draggable .pic-text p:not(:first-child){
	color: #666;
	font-size: 10px;
	margin: 0px 0 6px 0;
}

#draggable .pic-text p:last-child{
	margin:0;
}

.selected{
	color: #326292!important;
	font-size:12px!important;
	font-weight:bold!important;
}

.l-s-24 {
	letter-spacing: 24px!important;
}